import Menu from "../assets/menu";
import SearchLinks from "@/views/dashboard/ops-re/Header/search-links";
import Star from "./icons/star";
import Share from "@/views/dashboard/ops-re/Header/icons/share";
import AddButton from "@/views/dashboard/ops-re/Header/buttons/add_button";
import SettingButton from "@/views/dashboard/ops-re/Header/buttons/setting_button";
import SelectTimeButton from "./buttons/select_time_button";
import ModeButton from "@/views/dashboard/ops-re/Header/buttons/mode_button";
import RefreshButton from "@/views/dashboard/ops-re/Header/buttons/refresh_button";

export default defineComponent({
	name: "Header",
	setup() {
		return () => (
			<div class="w-full px-[16px] py-[12px] flex box-border items-center flex-wrap">
				<Menu></Menu>
				<SearchLinks></SearchLinks>
				<Star></Star>
				<Share></Share>
				<AddButton></AddButton>
				<SettingButton></SettingButton>
				<SelectTimeButton></SelectTimeButton>
				<RefreshButton></RefreshButton>
				<ModeButton></ModeButton>
			</div>
		);
	}
});
